/*属性嵌套关系注意大小的减少承载超出*/
/*盒子1属性*/
#box1{
	width: 100px;
	height: 100px;
	background: pink;
}
/*盒子2属性*/
#box2{
	width: 100px;
	height: 100px;
	background: blue;
}
/*盒子22属性*/
#box22{
	width: 50px;
	height: 50px;
	background: white;
}
/*盒子6属性*/
#box6{
	width: 100px;
	height: 100px;
	background: blue;
}
/*盒子66属性*/
#box66{
	width: 50px;
	height: 50px;
	background: white;
}

/*盒子3属性*/
#box3{
	width: 50px;
	height: 20px;
	background: yellow;
}
/*盒子4属性*/
#box4{
	width: 60px;
	height: 60px;
	background: green;
}
/*盒子5属性*/
#box5{
	width: 40px;
	height: 40px;
	background: red;
}

/*层次选择器*/
#box1 div{
	/*对box1下的所有div标签下进行操作*/
	//background: black;
}

#box1>div{
	/*对box1下的所有div(仅是儿子辈的)标签下进行操作*/
	//background: black;
}

#box1~div{
	/*对box1下的所有div(所有兄弟)标签下进行操作*/
	//background: black;
}
#box1+div{
	/*对box1下的所有div(仅下面第一个兄弟div)标签下进行操作*/
	background: black;
}